<html>
<head>

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>

<style type="text/css">
	
</style>

    <script type="text/javascript">
        $(document).ready(function() {
            $(".sortHead").click(function() {
                $(this).next(".sortContent").slideToggle('fast', function() { });
                $(this).toggleClass("rightarrow");
                $(this).toggleClass("leftarrow");
            });
            // Handler for .ready() called.
        });
        
    </script>

</head>
<body>
    <div>
        <div class="sortHead rightarrow">
            hii.
        </div>
        <div class="sortContent" style="display: none">
            <a href="#">hey1</a>
            <br />
            <a href="#">hey2</a>
        </div>
    </div>
</body>
</html>
